<template>
	<view>
		<view class="position-relative">
			<image  :src="info.cover" mode="aspectFill" style="height: 300rpx; background:transparent; filter: blur(10px);"class="w-100 ">
			</image>
		</view>
		<view class="position-relative"style="z-index: 10;">
			<view class="flex " >
				<image src="../../static/demo/back1.png" mode="" style="margin-top: -250rpx;width: 100rpx;height: 100rpx;" @click="backnews"></image>
			</view>
			<view class="bg-white px-2 pb-2">
				<view class="flex">
					<image :src="info.cover"style="height: 150rpx;width: 150rpx; margin-top: -100rpx;"class="rounded mr-2" mode=""></image>
					<text class="font-md">#{{info.title}}#</text>
				</view>
				<view class="flex align-center font text-secondary mt-1">
					<text class="mr-2">动态：{{info.news_count}}</text>
					<text>今日：{{info.today_count}}</text>
				</view>
				<view class="text-secondary font"> {{info.desc}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['info'],
		methods:{
			backnews(){
				uni.navigateBack({
					
				})
			}
		}
	}
	
</script>

<style>
</style>
